<template>
	<view class="content">
		<view class="w100">
			<image src="@/static/images/content/bg.png"></image>
		</view>
		<view class="text">
			<view class="d-flex">
				<view>				<label  for="">车牌号</label></view>
				<view>				<input type="text" placeholder="请输入车牌号" placeholder-style="color:#ccc;"></view>
				<view>				<radio :checked="falg" @tap="radio">是否新车</radio></view>
			</view>
			
			<view class="d-flex">
				<view>				<label  for="">车架号</label></view>
				<view>				<input type="text" placeholder="请输入车架号" placeholder-style="color:#ccc;"></view>
			</view>
			
			<view class="d-flex">
				<view>				<label  for="">发动机号</label></view>
				<view>				<input type="text" placeholder="请输入发动机号" placeholder-style="color:#ccc;"></view>
			</view>
			
			<view class="d-flex">
				<view>				<label  for="">手机号</label></view>
				<view>				<input type="text" placeholder="请输入手机号" placeholder-style="color:#ccc;"></view>
			</view>
			
			<view class="d-flex" style="border: none;">
				<view>				<label  for="">投保网点</label></view>
				<view>				<input type="text" placeholder="请选择" placeholder-style="color:#ccc;"></view>
				<view style="margin-left: auto;"> > </view>
			</view>
		</view>
		<view class="btn">
				<button @tap="send" :style="{backgroundColor:bg}">提交</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				falg:false,
				bg:"red"
			}
		},
		methods: {
			radio(){
				this.falg = !this.falg
			},
			
			send(){
					uni.showToast({
						title:"提交成功"
					})
			},//提交
		}
	}
</script>

<style scoped lang="less">
	.btn{
		margin-top: 0upx;
		padding: 0 30upx;
		button{
			color: white;
			}
	}
	.text{
		width: 687upx;
		height: 498upx;
		background-color: #fff;
		position: relative;
		top: -100upx;
		margin: 0 auto;
		border-radius: 8rpx;
		display: flex;
		flex-direction: column;
	}
	.d-flex{
		flex: 1;
		box-sizing:box-sizing;
		display: flex;
		width: 90%;
		margin:  0 auto;
		border-bottom: 1px solid #ccc;
		align-items: center;
		label{
			white-space :normal;
			width: 160upx;
			display: block;
		}
		input{
			width: 207upx;
		}
		radio{
			margin-left: 40upx;
		}
	}
	.content{
		background-color: #F2F2F2;
		height: 100vh;
	}
		.w100{
		image{
			width: 100%;
			height: 500upx;
		}
	}
	page{
		width: 100%;
	}
</style>
